<template>
  <div>
    <el-row :gutter="5">
        <el-col :span="6" >
            <el-card shadow="always" >
                <detail :shopname="`销售名字`" >
                    <template slot="charts">
                        <!-- <div>
                            <span style="font-size: 14px;">周同比 +55.89%</span>&nbsp;&nbsp;
                            <svg t="1696168918089" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9645" width="16" height="16"><path d="M185.6 96.448v742.848h742.4v89.6h-832V96.448h89.6z m742.4 95.744v7.424l-238.912 300.48 0.704 0.64-38.208 46.656-8.704 10.88-0.192-0.128-9.6 11.776L508.032 463.36l-198.848 249.28-68.672-56.896L496 335.616l125.248 106.752 116.608-146.752-92.992-76.736 21.184-26.688H928z" fill="#d81e06" p-id="9646"></path></svg>
                            <span style="font-size: 14px;">日同比 +15.89%</span>&nbsp;&nbsp;
                            <svg t="1696168918089" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9645" width="16" height="16"><path d="M185.6 96.448v742.848h742.4v89.6h-832V96.448h89.6z m742.4 95.744v7.424l-238.912 300.48 0.704 0.64-38.208 46.656-8.704 10.88-0.192-0.128-9.6 11.776L508.032 463.36l-198.848 249.28-68.672-56.896L496 335.616l125.248 106.752 116.608-146.752-92.992-76.736 21.184-26.688H928z" fill="#d81e06" p-id="9646"></path></svg>
                        </div> -->
                        <firstchart></firstchart>
                    </template>
                    <template slot="footer">
                        <div style="font-size: 14px;margin-top: 5px;">
                            日销售额度:¥&nbsp;12356
                        </div>
                    </template>
                </detail>
             </el-card>
        </el-col>
        <el-col :span="6"  >
            <el-card shadow="always" >
                <detail :shopname="`访问量`" >
                    <template slot="charts">
                        <lineChart></lineChart>
                    </template>
                    <template slot="footer">
                        <div style="font-size: 14px;margin-top: 5px;">
                            日访问量:¥&nbsp;1326
                        </div>
                    </template>
                </detail>
             </el-card>
        </el-col>
        <el-col :span="6" >
            <el-card shadow="always" >
                <detail :shopname="`支付笔数`" >
                    <template slot="charts">
                       <barChart></barChart>
                    </template>
                    <template slot="footer">
                        <div style="font-size: 14px;margin-top: 5px;">
                            转化率:¥&nbsp;65%
                        </div>
                    </template>
                </detail>
             </el-card>
        </el-col>
        <el-col :span="6" >
            <el-card shadow="always" >
                <detail :shopname="`运营活动效果`" >
                    <template slot="charts">
                       <kchart></kchart>
                    </template>
                    <template slot="footer">
                        <div style="font-size: 14px;margin-top: 5px;">
                            <span style="font-size: 14px;">周同比 +11.89%</span>&nbsp;&nbsp;
                            <svg t="1696168918089" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9645" width="16" height="16"><path d="M185.6 96.448v742.848h742.4v89.6h-832V96.448h89.6z m742.4 95.744v7.424l-238.912 300.48 0.704 0.64-38.208 46.656-8.704 10.88-0.192-0.128-9.6 11.776L508.032 463.36l-198.848 249.28-68.672-56.896L496 335.616l125.248 106.752 116.608-146.752-92.992-76.736 21.184-26.688H928z" fill="#d81e06" p-id="9646"></path></svg>
                            <span style="font-size: 14px;">日同比 +17.89%</span>&nbsp;&nbsp;
                            <svg t="1696168918089" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9645" width="16" height="16"><path d="M185.6 96.448v742.848h742.4v89.6h-832V96.448h89.6z m742.4 95.744v7.424l-238.912 300.48 0.704 0.64-38.208 46.656-8.704 10.88-0.192-0.128-9.6 11.776L508.032 463.36l-198.848 249.28-68.672-56.896L496 335.616l125.248 106.752 116.608-146.752-92.992-76.736 21.184-26.688H928z" fill="#d81e06" p-id="9646"></path></svg>
                        </div>
                    </template>
                </detail>
             </el-card>
        </el-col>
    </el-row>
    
  </div>
</template>
<script>
import detail from "@/views/dashboard/card/detail/index.vue";
import lineChart from '@/views/dashboard/card/lineChart/index.vue'
import barChart from '@/views/dashboard/card/barChart/index.vue'
import kchart from '@/views/dashboard/card/kchart/index.vue'
import firstchart from '@/views/dashboard/card/firstchart/index.vue'
export default {
  data() {
    return {};
  },
  components: {
    detail,lineChart,barChart,kchart,firstchart
  },
};
</script>
<style></style>
